
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0;padding:0;border:0; color:#555; }
li {list-style:none;}
li img {vertical-align:middle;} /* for IE imge margin */




.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; } 
.none { display:none }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.remark				{  font-size:0.8em; color:#999; font-weight:normal;  }


/* header */
.header { height:2.8em; background-color:#90B6F6; }

/* category */
.listview li { position:relative; border-bottom:1px solid #ddd;   }
.listview li.group { font-size:0.9em; padding:0.3em 0 0.3em 1em;  background-color:#eee; }
.listview li a {  font-weight:700;  padding:1em 1em 1em 1.5em; text-decoration:none; display:block; }
.listview li span { position:absolute; top:1em; right:1em; color:#4AD559; }

/* bookList */
#book_search {  padding:0 0.5em;  }
#book_search div { border-color:#ddd; }
#book_search input {  width:100%; padding-left:1.5em; vertical-align:middle; }
#book_search button { position:absolute; top:0; right:0;
	padding: .5em 1.2em; 
	font-family:'Malgun Gothic', dotum;
	-moz-border-radius-topright:.3125em;
	border-top-right-radius:.3125em;
	-moz-border-radius-bottomright:.3125em;
	border-bottom-right-radius:.3125em;
	background-color:#5776A6;
	color:#fff;
	}
.book_list li h3 { font-weight:300; }
.book_list li { border-top:1px solid #ddd;   }
.book_list li div.image {  position:absolute; left:0.5em; top:0.5em; width:4em; height:5.5em; }
.book_list li a {  position:relative; padding:0.5em 1em 0.5em 5.2em; text-decoration:none; display:block; min-height:5.4em; }
.book_list li p { color:#777; font-size:0.8em; font-weight:500; line-height:1.3em; }
.book_list li span.star { color:#999; font-size:1em; font-weight:700;}

/* Star Rating
.starRating,
.starRating span{ display:inline-block; height:14px; height:14px; background:transparent url(/images/common/icoFiveStar.gif) no-repeat; overflow:hidden;}
.starRating{ width:79px; vertical-align:middle;}
.starRating span{ font-size:0; line-height:0; vertical-align:top; text-indent:-100px; *text-indent:0; background-position:0 -14px;}
 */

/* bookDetail */
.content { padding:0.5em; }
.book_title { font-size:1.3em; padding-left:10px; font-weight:700; padding-bottom:0.5em; }
.book_info {  font-size:0.9em; padding-left:10px;  }
.book_info strong { width:100px;  }
.book_info p {  font-size:0.9em; padding-bottom:0.3em; }
.item_title { font-size:0.9em; border-bottom:1px solid #ccc; padding-bottom:4px; vertical-align:bottom }
.item_desc { font-size:0.9em; margin-top:4px; margin-bottom:30px; }
.mt10 { margin-top:10px; }
.mt30 { margin-top:30px; }
.gray { color:#999; }
.price { color:#c1272d; font-weight:700; }
.hidden { display:none; }

#download { display:none; }
#progressbar { margin-top:1.5em; height:3px; color:#45C03F; width:100%; }
#download_status { float:left; width:50%; padding-top:0.2em; color:#45C03F; font-size:0.9em; }
#download_percent { float:right; width:50%; text-align:right;color:#45C03F; font-size:0.9em; }

#review div.rate { text-align:center; font-size:20pt; }
#review div.rate span { padding-left:10px; padding-right:10px; }
#review_list li { font-size:0.9em; padding-top:6px; padding-bottom:6px; border-bottom:1px solid #ddd; }
#review_message { text-align:center; padding:1em; color:#999; font-size:0.9em; }



/* modal dialog */
#modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#000;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
}

.modal-content {
    background-color: white;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: none;
    //height: 140px;
    left: 50%;
    //margin: -70px 0 0 -160px;
    position: absolute;
    //top: 50%;
    width: 320px;
    z-index: 1000;
    font-weight:400;
    text-shadow:none;
}
    
    
.modal-content div.message { padding:2em 1em 2em 1em;}
.modal-btn-active { background-color : #3388cc;  color:#fff; }

#modal-confirm div.btn  { width:159px; padding-top:1em; padding-bottom:1em; float:left; text-align:center; cursor:pointer; border-top:0.1em solid #e5e5e5; border-right:0.1em solid #e5e5e5;  }
#modal-alert div.btn  { width:100%; padding-top:1em; padding-bottom:1em; text-align:center; cursor:pointer; border-top:0.1em solid #e5e5e5;   }



/* board */
#word_list li { border-bottom:1px solid #ddd;   }
#word_list li a {  font-weight:700;  padding:1em; text-decoration:none; display:block; }
#word_list li p.init_date { font-size:0.8em; font-weight:normal; color:#999; }
#word_info  {}
#word_info h3 { padding:1em 1em 0.5em 1em; border-bottom:1px solid #ddd; }
#word_info p { padding-right:1em; font-size:0.8em; color:#999; padding-top:10px; text-align:right;}
#word_info div { padding:2.5em 1em; }

.pagination { margin-top:29px; text-align:center; }
.pagination span a { display: inline-block; vertical-align: middle; margin-right: 0.2em;}
//.pagination span a {  text-decoration:none; display:inline-block; vertical-align:top;  border:1px solid #ddd; padding:8px 12px 6px 11px; margin-left:-1px; color:#666; }
//.pagination span a:hover, a:visited, a:link { text-decoration:none;  background:#eee; color:#333; }
.pagination span a.active {color:#fff; text-decoration:none; border-color:#333; background:#333;}





/* button */
.buttons { margin-top:50px; text-align:center; }
.btn {
	background-image:url(/images/common/bg_button.gif);
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #dedede) );
	background:-moz-linear-gradient( center top, #f7f7f7 5%, #dedede 100% );*/
	background-color:#f7f7f7;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0px;
	border:1px solid #9A9A9A;
	display:inline-block;
	color:#333;
	font-family:'Malgun Gothic', dotum;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	margin: .4em 0;
	padding: .5em 1.5em 0.6em;
	cursor:pointer;
	vertical-align:middle;
}
.btn:hover {
	border-color:#767676;
	color:#333;
}
a.btn {
	margin: .4em 0;
	padding: .4em 1.5em 0.5em;
	vertical-align:middle;
}
